getCateList();

function getCateList() {
    $.get("http://localhost:8888/goods/category", res => {
        // console.log(res)

        let str = `<li class="active">全部</li>`;
        res.list.forEach(item => {
            // console.log(item);
            str += `<li>${item}</li>`;

        })

        $(".category").html(str);
    })
}


//  求商品列表
const info = {
    current: 1,
    pagesize: 12,
    search: "",
    filter: "",
    saleType: 10,
    sortType: "id",
    sortMethod: "ASC",
    category: ""
}

let totalPage = 1;
getGoodsList();

function getGoodsList() {
    $.get("http://localhost:8888/goods/list", info, res => {
        totalPage = res.total;
        // console.log(res);

        bindHtml(res)

    })
}
// 渲染页面
function bindHtml(res) {
    console.log(res);

    if (info.current === 1) {
        $(".left").addClass("disable");
    } else {
        $(".left").removeClass("disable")
    }

    if (info.current === res.total) {
        $(".right").addClass("disable");
    } else {
        $(".right").removeClass("disable");

    }
    // 统计位置

    $(".total").text(`${info.current}/${res.total}`)

    //  一页显示多条
    $('.select').val(info.pagesize);
    //   当前页
    $('.page').val(info.current)

    //商平列表
    let str = "";
    res.list.forEach(item => {
        str += `<li goodsId ="${item.goods_id}">
        <div class="show">
            <img src="${item.img_big_logo}" alt="">
            ${item.is_hot ? '<div class="hot">hot</div>':''}
            ${item.is_sale ? ' <div class="sale">sale</div>':''}
            
           
        </div>
        <div class="info">
            <p class="title">${item.title}</p>
            <p class="price">
                <span class="current">￥${item.current_price}</span>
                <span class="old">￥${item.price}</span>
            </p>
            <button goodsId =${item.goods_id}>加入购物车</button>
        </div>
      </li> `
    })
    $(".list").html(str);
}
//  事件的渲染

// 分类
$(".category").on("click", "li", function () {

    //  切换分类
    $(this).addClass("active").siblings().removeClass("active");

    //修改 info 的数据 和分类对应
    info.category = $(this).text() === "全部" ? "" : $(this).text();
    info.current = 1;
    getGoodsList();
})
//  刷选
$(".filert").on("click", "li", function () {
    $(this).addClass("active").siblings().removeClass("active");
    info.filter = $(this).attr("type");
    info.current = 1;
    getGoodsList();
})


//  折扣
$(".sale").on("click", "li", function () {
    $(this).addClass("active").siblings().removeClass("active");
    info.saleType = $(this).attr("type")
    info.current = 1;
    getGoodsList();
})

//排序
$(".sort").on("click", "li", function () {
    $(this).addClass("active").siblings().removeClass("active");
    info.sortType = $(this).attr("type")
    info.sortMethod = $(this).attr("method")
    getGoodsList();
})
//  搜索
$(".search").on("input", function () {
    info.search = $(this).val().trim();
    info.current = 1;
    getGoodsList();
})
//  分页  信息
$(".left").on("click", function () {
    if ($(this).hasClass("disable")) return
    //  下一页  修改  info 信息
    info.current--;
    getGoodsList();

})
$(".right").on("click", function () {
    if ($(this).hasClass("disable")) return
    //  上一页  修改  info 信息
    info.current++;
    getGoodsList();

})

//select
$("select").on("change", function () {
    info.pagesize = $(this).val();
    info.current = 1;
    getGoodsList();
})

// jump
$(".jump").click(function () {
    let page = $(".page").val()
    if (isNaN(page)) page = 1;
    if (page <= 1) page = 1;
    if (page >= totalPage) page = totalPage;
    info.current = page;
    getGoodsList();
})


// 加入购物车
$(".list").on("click", "button", function (e) {
    console.log("加入购物车");
    e.stopPropagation();


    // 验证登录
    // const token = window.localStorage.getItem("token");
    // const id = window.localStorage.getItem("id");

    const token = window.localStorage.getItem('token')
    const id = window.localStorage.getItem('id')
    console.log(token, id);

    if (!token || !id) {
        window.alert("请先登录")
        return;
    }
    //  发送请求加入购物车

    $.ajax({
        url: 'http://localhost:8888/cart/add',
        method: 'POST',
        headers: {
            authorization: token
        },
        data: {
            id: id,
            goodsId: $(this).attr('goodsId')
        },
        success(res) {
            // 判断一下
            if (res.code !== 1) {
                window.alert('您还没有登录, 请登录后在进行添加操作')
                return
            }

            window.alert('加入购物车成功')
        }
    })


})

// 切换详情页
$(".list").on("click", "li", function () {
    console.log("跳详情页");
    window.localStorage.setItem("goodsId", $(this).attr("goodsId"))
    window.location.href = "./detail.html"

})